<template>
  <div class="chat-base w-full h-full overflow-hidden flex flex-col">
    <div class="flex-1 flex flex-col overflow-hidden pl-20px pr-20px pt-30px">
      <div class="flex justify-center items-center">
        <img class="w-100px" src="/public/resource/image/logo.svg" />
      </div>
      <div class="mt-20px" font="size-12px">
        我们的征途是星辰大海 <br />
        客服上班时间（每天9:00 - 18:30）
      </div>
      <div class="w-full overflow-hidden mt-20px flex flex-col line-height-26px justify-center" font="size-12px">
        <div class="flex justify-start items-center">
          <Earth20Regular class="mr-6px" font="size-16px" />help@test.com
        </div>
        <div class="flex justify-start items-center">
          <Mail24Regular class="mr-6px" font="size-16px" />https://www.test.com
        </div>
        <div class="flex justify-start items-center">
          <Headphones24Regular class="mr-6px" font="size-16px" />0471-000-0000
        </div>
      </div>
    </div>
    <div class="w-full h-24px flex justify-center items-center bg-#f8f9fb color-#a1abc2" font="size-12px">
      <img class="w-14px mr-2px" src="/favicon.svg" />Evil-Admin提供技术支持
    </div>
  </div>
</template>

<script setup>
import { Earth20Regular, Headphones24Regular, Mail24Regular } from '@/components/app-icons/index.js';
</script>

<style scoped lang="scss"></style>
